<template>
	<view class="container">
		<u-navbar :autoBack="true" leftIconSize="40rpx"  title="当前账号" :placeholder="true" bgColor="#fff" :titleStyle="{ fontSize: '30rpx' , fontWeight: 'bold'}"></u-navbar>
		<view class="conetnt">
			<view class="itemBox">
				<text class="title">账户名</text>
				<text class="info">jlfsjyb</text>
			</view>
			<view class="itemBox" @click="goLoginPassword">
				<text class="title">账户密码</text>
				<text class="info">修改</text>
				<image class="icon" src="../../../static/icons/bottom-3.png"></image>
			</view>
			<view class="itemBox">
				<text class="title">已绑定手机号</text>
				<text class="info">17357706169</text>
			</view>
			<view class="itemBox" @click="goVerification">
				<text class="title">安全密码</text>
				<text class="info">******</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {}
		},
		methods:{
			/**登录密码**/
			goLoginPassword(){
				this.$Router.push({
					path: '/pages/merchant/account/loginpassword'
				})
			},
			/**验证**/
			goVerification(){
				this.$Router.push({
					path: '/pages/merchant/account/verification'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container{
		position: absolute;
		background-color: #fff;
		width: 100%;
		height: 100%;
	}
	.conetnt{
		width: 100%;
		height: auto;
		float: left;
		border-top: 20rpx solid #F8F8F8;
		.itemBox{
			width: 90%;
			height: 90rpx;
			float: left;
			margin-left: 5%;
			border-bottom: 1rpx solid #F8F8F8;
			display: flex;
			align-items: center;
		}
		.itemBox:last-child{
			border-bottom-width: 0rpx;
		}
		.title{
			width: auto;
			float: left;
			font-size: 28rpx;
			color: #333;
		}
		.info{
			float: right;
			text-align: right;
			font-size: 28rpx;
			padding: 30rpx 0rpx;
			margin-left: 20%;
			flex: 1;
			color: #454545;
		}
		.icon{
			width: 35rpx;
			height: 35rpx;
			float: right;
			transform: rotate(-90deg);
		}
	}
</style>